<template>
  <div class='xtx-home-page'>
    <div class="container">
      <!-- 分类组件 -->
      <HomeCate></HomeCate>
      <!-- 轮播图组件 -->
      <HomeBanner></HomeBanner>
      <!-- 其他展示组件 -->
      <!-- 1.新鲜好物组件 -->
      <HomeNew></HomeNew>
      <!-- 2.人气推荐 -->
      <HomeHot></HomeHot>
      <!-- 3.滑动商品 -->
      <HoemBrand></HoemBrand>
      <!-- 4.商品区块 -->
      <HomeProduct></HomeProduct>
      <!-- 5.最新专题 -->
      <HomeSpecial></HomeSpecial>
    </div>
  </div>
</template>

<script>
// 导入左侧分类组件
import HomeCate from './components/home-cate'
// 导入配置好(修改样式后)的轮播图
import HomeBanner from './components/home-banner.vue'
// 导入好物推荐整体
import HomeNew from './components/home-new.vue'
// 导入人气推荐
import HomeHot from './components/home-hot'
// 导入滑动商品
import HoemBrand from './components/home-brand.vue'
// 导入商品区块
import HomeProduct from './components/home-product.vue'
// 导入最新专题
import HomeSpecial from './components/home-S.vue'
export default {
  components: {
    HomeCate,
    HomeBanner,
    HomeNew,
    HomeHot,
    HoemBrand,
    HomeProduct,
    HomeSpecial
  },
  name: 'XtxHomePage'
}
</script>

<style scoped lang='less'>
.xtx-home-page {
  .container {
    width: 1240px;
    position: relative;
    margin: 0 auto;
  }
}
</style>
